<template>
    <div class="vr-list">
        <h3>VR展馆</h3>
        <div class="vr-list-item" @click.stop="navToVr(item.path)" v-for="(item,index) in Vrlist" :key="index">
            <img :src=item.photo alt="">
        </div>
    </div>
</template>
<script>
    export default({
        data(){
            return{
                Vrlist:[]
            }
        },
        methods:{
            navToVr(path){
                window.location.href=path
            },
            getInitData(id){
                this.$http.get('/app/NewCustom/extension_page',{
                    org_id:id
                }).then((res)=>{
                    if(res.code==200){
                        this.Vrlist =res.data.vr;
                        console.log(this.Vrlist)
                    }
                })
            },
        },
        mounted(){
            this.$progress.done();
            this.getInitData(JSON.parse(Cookies.get('user_71ydj')).organization_id);
        }
    })
</script>
<style lang="scss" scoped="">
    .vr-list{
        margin-bottom: 30px;
        padding: 0 16px;
        .vr-list-item{
            width: 100%;
            height:116px;
            margin: 0 auto;
            margin-top: 20px;
            box-shadow:0px 8px 24px 0px rgba(198,198,198,0.2);
            img{
                width: 100%;
                height: 100%;
            }
        }

    }
</style>